<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
    
    <%@ page import="com.ipt.frm.util.Utilidades"   %>
     <%@ page import="com.ipt.frm.been.Mensaje"   %>
    
<!DOCTYPE html>
<html lang="es">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="css/reset.css" rel="stylesheet" />
		<link href="css/estiloslogin.css" rel="stylesheet" />
		<!-- <script src="js/jquery.js"></script>
		<link href="css/reset.css" rel="stylesheet" /> -->
		<!-- JQuery library -->
		
		<title>Login</title>
	</head>
	<body id="bodyLogin">
		<div id="content">
		<%
			// recojer de la request
		  if ( request.getAttribute("MSG") != null ){
				Mensaje msg = (Mensaje)request.getAttribute("MSG");
		%>
			<div class="<%=msg.getTipo()%> mensajes">
   		 <%=msg.getDescripcion() %>
   	 	</div>
   	 	<% } //end if %>	
		<form action="login" method="post" id="login">
			<h1>Log in</h1>
			<fieldset id="inputs">			
				<!-- <label for="user">Usuario</label> -->  
				<input type="text" name="user" id="user" placeholder="Minimo 5 caracteres"
				      	   pattern="[A-Za-z]{5,}" required>
			   <!-- <label for="password">Password</label>-->  
			    <input id="password" class="texto" type="password" placeholder="Min 8, mayusculas, minusculas o signos" title ="Min 8, mayusculas, minusculas o signos" 
			      name="password" value="" pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" required>
			</fieldset>
			<fieldset id="actions">
				<input type="submit" value="Login" id="inicio" class="awesome magenta medium" />
			</fieldset>
	    					
			
		</form>
		</div>
		<footer>
			<span style="text-align: center; width: 100%;">Ipartek Servicios Informaticos&copy;  <%=Utilidades.getActualYear() %></span>
		</footer>
	</body>
</html>